﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>home</title>

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link href="css/index2.css" rel="stylesheet">
    <link rel="stylesheet" href="subModal/submodal.css">
    <link rel="stylesheet" href="subModal/style.css">
    <style>
        #page-list .announce:last-child {
            border-bottom: 1px solid #eee;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="wrapper">    
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox-content paddingLeft">  
                    <div style="border-bottom:1px solid #e0dfdf;">
                        <h5 ><strong style="border-bottom:2px solid #ff7301;padding-bottom:7px;">公告标题</strong></h5>
                        <div class="fr" style="margin-top:-35px;"><h5><strong>发布时间</strong></h5></div>
                    </div>

                    <!-- 置顶 -->
                    <div class="row m25p announce">
                        <div class="col col-sm-11 ">
                            <p ><a href="javascript:;" onclick="showPopWin('gonggao.html', 650, 300, null,'公告标题');">关于提供手续费比例的通知！</a><i class="hot hotTOP"></i>
                            </p>
                        </div>
                        <div class="col col-sm-1 txtR">
                            <p>2016-09-09</p>
                        </div>
                    </div>
                    <!-- NEW -->     
                    <div class="row announce">
                        <div class="col col-sm-11">
                            <p><a href="javascript:;" onclick="showPopWin('gonggao.html', 650, 300, null);">关于提供手续费比例的通知！</a><i class="hot hotNEW"></i></p>
                        </div>  
                        <div class="col col-sm-1 txtR">
                            <p>2016-09-09</p>
                        </div>                
                    </div>
                    <div id="page-list"></div>   
                    <div id="biuuu_city" style="margin-top: 20px;"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script type="text/javascript" src="js/laypage.js"></script>
    <script type="text/javascript" src="subModal/submodal.js"></script>
    <script type="text/javascript" src="subModal/submodalsource.js"></script>
    <script>
        //测试数据 置顶与NEW 没放到测试数据中
        var data = ["关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！"
                    , "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！"
                    , "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！"
                    , "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！", "关于提供手续费比例的通知！"
        ];
        
        var date = "2016-09-09";
        var nums = 18; //每页出现的数量  （不包括置顶与NEW）
        var pages = Math.ceil(data.length / nums); //得到总页数

        var thisDate = function (curr) {
            //此处只是演示，实际场景通常是返回已经当前页已经分组好的数据
            var str = '', last = curr * nums - 1;
            last = last >= data.length ? (data.length - 1) : last;
            for (var i = (curr * nums - nums) ; i <= last; i++) {
                str += '<div class="row announce"><div class="col col-sm-11 "><p ><a href="javascript:;" onclick="open1()">' + data[i] + '</a><i></i></p></div><div class="col col-sm-1 txtR"><p>' + date + '</p></div></div>';
            }
            return str;
        };

        //调用分页
        laypage({
            cont: 'biuuu_city',
            pages: pages,
            jump: function(obj) {
                document.getElementById('page-list').innerHTML = thisDate(obj.curr);
            }
        });
    </script>
    <script type="text/javascript">
        function open1() {
            showPopWin('gonggao.html', 650, 300, null);
            $('#popupTitle').text('公告');
        }
    </script>
</body>

</html>
